fum-player 1.3.1

A tui-based mpris music client.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

<script lang="ts">
  import type { PageProps } from './$types'

  const { data }: PageProps = $props()
</script>

<svelte:head>
  <title>{data.doc.title}</title>
</svelte:head>

<main class="doc p-8">
  <div class="overflow-x-hidden">
    {@html data.doc.html}
  </div>

  <hr>

  <div class="flex justify-between items-center">
    {#if data.doc.prev}
      <a
        class="self-start font-bold text-fg! text-4xl cursor-pointer hover:text-background duration-300 transition-colors"
        href={data.doc.prev.url}>
        <span>
          <i class="fa-solid fa-chevron-left"></i>
        </span>
        <span>{data.doc.prev.title}</span>
      </a>
    {:else}
      <div></div>
    {/if}

    {#if data.doc.next}
      <a
        class="font-bold text-fg! text-4xl cursor-pointer hover:text-background duration-300 transition-colors"
        href={data.doc.next.url}>
        <span>{data.doc.next.title}</span>
        <span>
          <i class="fa-solid fa-chevron-right"></i>
        </span>
      </a>
    {/if}
  </div>
</main>